<script lang="ts" setup>
useHead({
  title: '寓盟管家-行业白皮书'
})
</script>

<template>
  <div>
    <ProgrammeBanner />

    <div class="btm-main">
      <div class="ewm-box">
        <div class="ewm-box-main">
          <img src="/public/images/banner/solution/ewm.png" alt="" class="ewm" />
        </div>
        <div class="500 text-18px mt-12px" style="color: #777">扫码添加微信</div>
      </div>
      <div class="info-box">
        <div class="tit">如何获取白皮书？</div>
        <div class="step">
          <img src="/public/images/banner/solution/step1.png" alt="" class="w-86px h-28px" />
          <div class="line"></div>
          <img src="/public/images/banner/solution/step2.png" alt="" class="w-86px h-28px" />
        </div>
        <div class="desc">
          <div class="desc1">扫描二维码或点击下方按钮添加我们的微信</div>
          <div class="desc2">回复关键词“白皮书”获取下载链接</div>
        </div>
        <div class="bluedesc">立即行动，抢先一步获取《2024中国住房租赁行业运营白皮书》</div>
      </div>
    </div>

    <div class="h-180px"></div>
    <!-- 寓盟管家助力10000+ 企业 -->
    <!-- <HomeAssistanceFirm ref="assistanceRef" /> -->
  </div>
</template>

<style scoped>
.btm-main {
  width: 1200px;
  margin: -40px auto 0;
  display: flex;
  /* padding-bottom: 100px; */
}
.ewm-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ewm {
  width: 180px;
  height: 180px;
  background: rgba(237, 242, 255, 0.45);
  border-radius: 8px;
  border: 1px solid;
  border-image: linear-gradient(218deg, rgba(216, 229, 255, 1), rgba(255, 255, 255, 1), rgba(209, 225, 255, 1)) 1 1;
  backdrop-filter: blur(3.24px);
}

.info-box {
  margin-left: 40px;
  z-index: 9;
  padding: 6px 0 40px;
}
.tit {
  font-weight: 500;
  font-size: 28px;
  color: #111111;
  line-height: 40px;
}
.step {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.line {
  width: 449px;
  height: 2px;
  border-bottom: 1px dashed #0a87f8;
  margin: 0 6px;
}
.desc {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 18px;
  width: 838px;
  margin-top: 8px;
}
.bluedesc {
  font-weight: 400;
  font-size: 18px;
  color: #0a87f8;
  margin-top: 20px;
}
.ewm-box-main {
  padding: 8px;
  background: #f6f9ff;
  border-radius: 8px;
  border: 1px solid #d1e1ff;
  border-radius: 8px;
  z-index: 999;
}
</style>
